<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>58相册</title>

<link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
<link href="__PUBLIC__/css/datepicker3.css" rel="stylesheet">
<link href="__PUBLIC__/css/styles.css" rel="stylesheet">

<!--[if lt IE 9]>
<script src="__PUBLIC__/js/html5shiv.js"></script>
<script src="__PUBLIC__/js/respond.min.js"></script>
<![endif]-->
		<style type="text/css">
			.nav-tab{
				margin-top:15px;
				padding:0px;
				border-bottom:1px solid #30a5ff;
			}
			.nav-tab li{
				line-height:30px;
				width:80px;
			}
			.nav-tab>li>a{
				border-radius:3px 3px 0 0;
			}
			.table th, .table td { 
			text-align: center;
			vertical-align: middle!important;
			}
			.panel{
				margin-top:25px;
			}
		</style>
</head>

<body>
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><span>58相册</span>后台管理系统</a>
				<ul class="user-menu">
					<li class="dropdown pull-right">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span>管理员<span class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><a href="{:U('index',array('op'=>'logout'))}"><span class="glyphicon glyphicon-log-out"></span> 登出</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div><!-- /.container-fluid -->
	</nav>
		
	<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
		<!--<form role="search">
			<div class="form-group">
				<input type="text" class="form-control" placeholder="Search">
			</div>
		</form>
		  -->
		<ul class="nav menu">
		<!--
			<if condition="ACTION_NAME eq 'financeaccount'">
				<li class="active"><a href="{:U('financeaccount')}"><span class="glyphicon glyphicon-pencil"></span> 财务统计</a></li>
			<else />
				<li><a href="{:U('financeaccount')}"><span class="glyphicon glyphicon-pencil"></span> 财务统计</a></li>
			</if>
		  -->	
			<if condition="ACTION_NAME eq 'membermanager'">
				<li class="active"><a href="{:U('membermanager')}"><span class="glyphicon glyphicon-user"></span> 会员管理</a></li>
			<elseif condition="ACTION_NAME eq 'index'" />
				<li class="active"><a href="{:U('membermanager')}"><span class="glyphicon glyphicon-user"></span> 会员管理</a></li>
			<else />
				<li><a href="{:U('membermanager')}"><span class="glyphicon glyphicon-user"></span> 会员管理</a></li>
			</if>
			<if condition="ACTION_NAME eq 'photoalbummanage'">
				<li class="active"><a href="{:U('photoalbummanage')}"><span class="glyphicon glyphicon-file"></span>相册管理</a></li>
			<else />
				<li><a href="{:U('photoalbummanage')}"><span class="glyphicon glyphicon-file"></span>相册管理</a></li>
			</if>
			
			<if condition="ACTION_NAME eq 'setting'">
				<li class="active"><a href="{:U('setting')}"><span class="glyphicon glyphicon-th"></span> 系统设置</a></li>
			<else />
				<li><a href="{:U('setting')}"><span class="glyphicon glyphicon-th"></span> 系统设置</a></li>
			</if>
			
<!--<if condition="ACTION_NAME eq 'noticeboard'">
				<li class="active"><a href="{:U('noticeboard')}"><span class="glyphicon glyphicon-stats"></span>  广告位&公告栏</a></li>
			<else />
				<li><a href="{:U('noticeboard')}"><span class="glyphicon glyphicon-stats"></span> 广告位&公告栏</a></li>
			</if>
-->
<!--			<li><a href="tables.html"><span class="glyphicon glyphicon-list-alt"></span> Tables</a></li>
			<li><a href="forms.html"><span class="glyphicon glyphicon-pencil"></span> Forms</a></li>
			<li><a href="panels.html"><span class="glyphicon glyphicon-info-sign"></span> Alerts &amp; Panels</a></li>  -->
		
			<!-- <li role="presentation" class="divider"></li>
			<li><a href="login.html"><span class="glyphicon  glyphicon-dashboard"></span> Login Page</a></li> -->
		</ul>
	</div><!--/.sidebar-->
		<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
			<block name="main"></block>
		</div>
	<script src="__PUBLIC__/js/jquery-1.11.1.min.js"></script>
	<script src="__PUBLIC__/js/bootstrap.min.js"></script>
	<!--<script src="__PUBLIC__/js/chart.min.js"></script>
	<script src="__PUBLIC__/js/chart-data.js"></script>
	<script src="__PUBLIC__/js/easypiechart.js"></script>
	<script src="__PUBLIC__/js/easypiechart-data.js"></script>  -->
	<script src="__PUBLIC__/js/bootstrap-datepicker.js"></script>
	<script src="__PUBLIC__/js/distpicker.data.js"></script>
	<script src="__PUBLIC__/js/distpicker.js"></script>
	<script src="__PUBLIC__/pc/js/jquery.uploadView.js"></script>
 <script>
$(".js_upFile").uploadView({
	uploadBox: '.js_uploadBox',//设置上传框容器
	showBox : '.js_showBox',//设置显示预览图片的容器
	width : 250, //预览图片的宽度，单位px
	height : 100, //预览图片的高度，单位px
	allowType: ["gif", "jpeg", "jpg", "bmp", "png"], //允许上传图片的类型
	maxSize :2, //允许上传图片的最大尺寸，单位M
});
</script>
	<script type="text/javascript">
		$(function(){
			'use strict';
			$('#distpicker').distpicker({
				autoSelect: false
			});
		})
	</script>
	<script>
		$('#calendar').datepicker({
		});

		!function ($) {
		    $(document).on("click","ul.nav li.parent > a > span.icon", function(){          
		        $(this).find('em:first').toggleClass("glyphicon-minus");      
		    }); 
		    $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
		}(window.jQuery);

		$(window).on('resize', function () {
		  if ($(window).width() > 768) $('#sidebar-collapse').collapse('show')
		})
		$(window).on('resize', function () {
		  if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
		})
	</script>	
		<script src="__PUBLIC__/js/jquery.dynamic-rows.min.js"></script> 
		<script>
		    $('.dynamicWrapper').ssdDynamicRows();
		</script>	
</body>

</html>
